<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="panel panel-success ALL-width" style="margin-bottom: 20px">
    <div class="progress" style="height: 30px">
        <div class="progress-bar progress-bar-success" style="width: 35%">
            <span class="sr-only">35% Complete (success)</span>
        </div>
        <div class="progress-bar progress-bar-info progress-bar-striped" style="width: 20%">
            <span class="sr-only">20% Complete (warning)</span>
        </div>
        <div class="progress-bar progress-bar-danger" style="width: 10%">
            <span class="sr-only">10% Complete (danger)</span>
        </div>
        <div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 20%">
            <span class="sr-only">20% Complete (warning)</span>
        </div>
    </div>
    <div class="panel-body">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs " role="tablist " id="TV">
            <li role="presentation" class="active">
                <a href="#Monday" aria-controls="Monday" role="tab" data-toggle="tab">Monday</a>
            </li>
            <li role="presentation"><a href="#Tuesday" aria-controls="Tuesday" role="tab" data-toggle="tab">Tuesday</a>
            </li>
            <li role="presentation"><a href="#Wednesday" aria-controls="Wednesday" role="tab" data-toggle="tab">Wednesday</a>
            </li>
            <li role="presentation"><a href="#Thursday" aria-controls="Thursday" role="tab"
                                       data-toggle="tab">Thursday</a></li>
            <li role="presentation"><a href="#Friday" aria-controls="Friday" role="tab" data-toggle="tab">Friday</a>
            </li>
            <li role="presentation"><a href="#Saturday" aria-controls="Saturday" role="tab"
                                       data-toggle="tab">Saturday</a></li>
            <li role="presentation"><a href="#Sunday" aria-controls="Sunday" role="tab" data-toggle="tab">Sunday</a>
            </li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content" style="min-height: 80px; padding-top: 10px" id="TV_Update_list">
            <div role="tabpanel" class="tab-pane active" id="Monday">
                <div class="row" ></div>
            </div>
            <div role="tabpanel" class="tab-pane" id="Tuesday">
                <div class="row" ></div>
            </div>
            <div role="tabpanel" class="tab-pane" id="Wednesday">
                <div class="row" ></div>
            </div>
            <div role="tabpanel" class="tab-pane" id="Thursday">
                <div class="row" ></div>
            </div>
            <div role="tabpanel" class="tab-pane" id="Friday">
                <div class="row" ></div>
            </div>
            <div role="tabpanel" class="tab-pane" id="Saturday">
                <div class="row" ></div>
            </div>
            <div role="tabpanel" class="tab-pane" id="Sunday">
                <div class="row" ></div>
            </div>
        </div>
    </div>
</div>

<div class="panel panel-success ALL-width" id="TV_top_index" style="margin-bottom: 20px">
    <div class="panel-body" id="TV_top_index_body" >
        <div class=" float-left " id="TV_left" style="width: 60%">
            <div class="col-md-12 none-padding" id="TV_top_index_top1" style="height: 65%;position:relative " onmouseover="transparentShow($(this))" onmouseout="transparentHide($(this))">
                <img src="" height="100%" width="100%" style="position: absolute">
                <div class="max-width-height transparent_class" style="display: none;position:relative;z-index: 10;padding: 30px;background-color: #000000;color: #ffffff;">
                    <div>
                        <h1><span class="glyphicon glyphicon-list" style="float: left">&nbsp;</span></h1>
                        <h1 ></h1>
                    </div>
                    <div>
                        <h1><span class="glyphicon glyphicon-screenshot" style="float: left">&nbsp;</span></h1>
                        <h2></h2>
                    </div>
                    <div>
                        <h1><span class="glyphicon glyphicon-exclamation-sign" style="float: left">&nbsp;</span></h1>
                        <h3></h3>
                    </div>
                    <div style="text-align: center">
                        <a href="#" class="btn btn-default" role="button">详情</a>
                        <a href="#" class="btn btn-default" role="button" title="收藏"><span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span></a>
                        <a href="#" class="btn btn-default" role="button" title="播放">&nbsp;<span class="glyphicon glyphicon-play" aria-hidden="true"></span>&nbsp;</a>
                        <a href="#" class="btn btn-default" role="button" title="设为我的最爱"><span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span></a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 none-padding" id="TV_top_index_top2" style="height: 35%;position:relative" onmouseover="transparentShow($(this))" onmouseout="transparentHide($(this))">

                <img src="" height="100%" width="100%" style="position: absolute">
                <div class="max-width-height transparent_class" style="display: none;position:relative;z-index: 10;padding: 10px;background-color: #000000;color: #ffffff;">
                    <div>
                        <h4><span class="glyphicon glyphicon-list" style="float: left">&nbsp;</span></h4>
                        <h4 ></h4>
                    </div>
                    <div>
                        <h4><span class="glyphicon glyphicon-screenshot" style="float: left">&nbsp;</span></h4>
                        <h5></h5>
                    </div>
                    <div>
                        <h4><span class="glyphicon glyphicon-exclamation-sign" style="float: left">&nbsp;</span></h4>
                        <h5></h5>
                    </div>
                    <div style="text-align: center">
                        <a href="#" class="btn btn-default btn-sm" role="button">详情</a>
                        <a href="#" class="btn btn-default btn-sm" role="button" title="收藏"><span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span></a>
                        <a href="#" class="btn btn-default btn-sm" role="button" title="播放">&nbsp;<span class="glyphicon glyphicon-play" aria-hidden="true"></span>&nbsp;</a>
                        <a href="#" class="btn btn-default btn-sm" role="button" title="设为我的最爱"><span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span></a>
                    </div>
                </div>

            </div>
            <div class="col-md-6 none-padding" id="TV_top_index_top3" style="height: 35%;position:relative" onmouseover="transparentShow($(this))" onmouseout="transparentHide($(this))">
                <img src="" height="100%" width="100%" style="position: absolute">
                <div class="max-width-height transparent_class" style="display: none;position:relative;z-index: 10;padding: 10px;background-color: #000000;color: #ffffff;">
                    <div>
                        <h4><span class="glyphicon glyphicon-list" style="float: left">&nbsp;</span></h4>
                        <h4 ></h4>
                    </div>
                    <div>
                        <h4><span class="glyphicon glyphicon-screenshot" style="float: left">&nbsp;</span></h4>
                        <h5></h5>
                    </div>
                    <div>
                        <h4><span class="glyphicon glyphicon-exclamation-sign" style="float: left">&nbsp;</span></h4>
                        <h5></h5>
                    </div>
                    <div style="text-align: center">
                        <a href="#" class="btn btn-default btn-sm" role="button">详情</a>
                        <a href="#" class="btn btn-default btn-sm" role="button" title="收藏"><span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span></a>
                        <a href="#" class="btn btn-default btn-sm" role="button" title="播放">&nbsp;<span class="glyphicon glyphicon-play" aria-hidden="true"></span>&nbsp;</a>
                        <a href="#" class="btn btn-default btn-sm" role="button" title="设为我的最爱"><span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class=" float-left" id="TV_right" style="width:40%;padding-left: 5px">
        </div>

    </div>
</div>

<div class="panel panel-success ALL-width" style="margin-bottom: 20px" id="TV_recommended">
    <div class="panel-body">
        <ul class="nav nav-tabs" role="tablist">
            <li ><a href="" id="TV_recommended_more">更多...</a></li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content" style="padding-top: 10px">

        </div>
    </div>
</div>

<script src="/fallwings/static/tv/js/TV.js"></script>
</body>
</html>